<!DOCTYPE html>
<html lang="en-us">

<head>
  <meta charset="UTF-8">
  <title>{{ page.title | default: site.title }}</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta itemprop="description" name="description" content="Rough.js is a light weight javascript library that lets you draw graphics with a hand-drawn, sketchy, appearance.">
  <meta name="theme-color" content="#157878">

  <meta property="og:url" content="https://roughjs.com">
  <meta property="og:type" content="website">
  <meta property="og:title" content="Rough.js">
  <meta property="og:description" content="Rough.js is a light weight javascript library that lets you draw graphics with a hand-drawn, sketchy, appearance.">
  <meta property="og:image" content="https://roughjs.com/images/rough.jpg">

  <meta name="twitter:site" value="@RoughLib">
  <meta name="twitter:card" value="summary_large_image">
  <meta property="twitter:url" content="https://roughjs.com">
  <meta property="twitter:title" content="Rough.js">
  <meta property="twitter:description" content="Rough.js is a light weight javascript library that lets you draw graphics with a hand-drawn, sketchy, appearance.">
  <meta property="twitter:image" content="https://roughjs.com/images/rough.jpg">


  <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
  <link rel="stylesheet" href="{{ '/assets/css/style.css?v=' | append: site.github.build_revision | relative_url }}">

  <link rel="icon" href="/images/logo32.jpg" type="image/jpg">
</head>

<body>
  <section class="page-header">
    <h1 class="project-name">Rough.js</h1>
    <h2 class="project-tagline">{{ site.description | default: site.github.project_tagline }}</h2>
    <a href="https://github.com/pshihn/rough/wiki/Examples" class="btn">Examples</a> {% if site.github.is_project_page %}
    <a href="{{ site.github.repository_url }}" class="btn">View on GitHub</a> {% endif %} {% if site.show_downloads %}
    <a href="https://github.com/pshihn/rough/tree/master/dist" class="btn">Download</a> {% endif %}
  </section>

  <section class="main-content">
    {{ content }}

    <footer class="site-footer">
      {% if site.github.is_project_page %}
      <br/>
      <br/>
      <span class="site-footer-credits">Maintained by
        <a href="https://twitter.com/preetster">Preet Shihn</a>.</span>
      <br/> {% endif %}
    </footer>
  </section>

  {% if site.google_analytics %}
  <script type="text/javascript">
    var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
    document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
  </script>
  <script type="text/javascript">
    try {
      var pageTracker = _gat._getTracker("{{ site.google_analytics }}");
      pageTracker._trackPageview();
    } catch (err) { }
  </script> {% endif %}
</body>

</html>